<?php
========== ========== ========== ========== ==========
========= Naming Conventions and Coding Style =========
========== ========== ========== ========== ==========
Try to use as many HTML tags as possible.
========== ========== ========== ========== ==========
DOM
	<div class="menu">
	<ul>
	  <li><span>Fantastic</span></li>
	  <li>Great</li>
	</ul>
	</div>
	
	<ul class="menu">
	  <li>Fantastic</li>
	  <li>Great</li>
	</ul>
========== ========== ========== ========== ==========
Indentation
    - Indent by 2 spaces at a time.
	<ul>
	  <li>Fantastic
	  <li>Great
	</ul>
========== ========== ========== ========== ==========
Capitalization
    - All code has to be lowercase
    /* BAD */
    <A HREF="/">Home</A>
    /* GOOD */
    <img src="google.png" alt="Google">
========== ========== ========== ========== ==========
Multimedia Fallback
    - Provide alternative contents for multimedia.
    /* BAD */
    <img src="spreadsheet.png">
    /* GOOD */
    <img src="spreadsheet.png" alt="Spreadsheet screenshot.">
========== ========== ========== ========== ==========
HTML Quotation Marks
    - Use double ("") rather than single quotation marks ('') around attribute values.
    /* BAD */
    <a class='maia-button maia-button-secondary'>Sign in</a>
    /* GOOD */
    <a class="maia-button maia-button-secondary">Sign in</a>
========== ========== ========== ========== ==========
========== ==== Peformance, Optimizing ==== ==========
========== ========== ========== ========== ==========
Use HTML5
    - Recommended to use HTML, as text/html. Do not use XHTML. XHTML
    => <!DOCTYPE html>.
    - In HTML 5, <foo /> means <foo>
      In XHTML, <foo /> means <foo></foo>, but since this only works in XML parsing mode, not as text/html
    => do not close void elements, i.e. write <br>, not <br />
========== ========== ========== ========== ==========
Encoding
    /* BAD */
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    /* GOOD */
    <meta charset="utf-8">
========== ========== ========== ========== ==========
Type Attributes
    - Omit type attributes for style sheets and scripts.
      Specifying type attributes in these contexts is not necessary as HTML5 implies text/css and text/javascript as defaults.
    /* BAD */
    <link rel="stylesheet" href="//www.google.com/css/maia.css" type="text/css">
    /* GOOD */
    <link rel="stylesheet" href="//www.google.com/css/maia.css">
    /* BAD */
    <script src="//www.google.com/js/gweb/analytics/autotrack.js" type="text/javascript"></script>
    /* GOOD */
    <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script>
========== ========== ========== ========== ==========
Trailing Whitespace
    - Trailing white spaces are unnecessary and increase the page size
    /* BAD */
    <p>Welcome to the world of Joy._</p>_
    /* GOOD */
    <p>Welcome to the world of Joy</p>
========== ========== ========== ========== ==========












